<!DOCTYPE>
<html>
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="telephone=no" name="format-detection">
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link type="text/css" rel="stylesheet" href="css/swiper.min.css">
<link type="text/css" rel="stylesheet" href="css/layout.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript">
 var deviceWidth = document.documentElement.clientWidth;
 if(deviceWidth > 750){deviceWidth = 750;}
 $("html").css("font-size",deviceWidth / 7.5 + 'px');
</script>
<!-- 头部公用JS end -->
</head>
<body>
<!-- 头  -->
<div class="header">
	<div class="cf">
		<a href="" class="fl"><img src="img/logo.png" class="lc" alt=""></a>
		<a href="" class="fr"><img src="img/mobile.png"   class="lc"  alt=""></a>
	</div>
</div>
<!-- 顶部图片 -->
<div class="banner1"><img class="top" src="img/top.jpg"></div>
    <div class="base-title1">
		<div class="title1">
			<h2>垂直桅杆式升降机 Star10</h2>
			<p class="p">剪叉式高空作业平台</p>
		</div>
		<div class="line"></div>
	</div>
<!-- 内容 -->
<!-- 幻灯片 -->
<div class="banner">
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="img/index_04.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="img/index_04.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="img/index_04.jpg" alt=""></div>
	        <div class="swiper-slide"><img src="img/index_04.jpg" alt=""></div>
	    </div>
	    <div class="swiper-pagination"></div>
	</div>	
</div>
 <div class="introduce">
 	<div class="basic">基本介绍</div>
 	<div class="parameter">技术参数</div>
 	<div class="line1 cf"></div>
 	<div class="basic1">
 	<p>作业高度：6米</p>
 	<p>桅杆式升降平台：</p>
 	<p>适合于维修工作.</p>
 	<p>全高度电动驱动.</p>
 	<p>1.65米的贮藏高度易于通过标准门道和电梯.</p>
 	<p>0.76米的宽度,非常紧凑的旋转半径提供在最拥挤场地的</p>
 	<p>平衡式控制可使运动平稳渐进.</p>
 	<p>最大行驶速度5公里/小时</p>
 	<p>高度自控制能力.</p>
    </div>
 </div>

<div class="base-title">
    <div class="title">
	<h2>相关推荐</h2>
	<p>PRODUCT</p>
	</div>
	<div class="line"></div>
</div>
    <div class="hot-pro">
     <div class="list cf">
        <div class="fl">
         <div class="box">
          <img src="img/index_05.jpg" alt="">
          <h2>剪叉式高空作业平台</h2>
          <p class="x">Compact10N</p>
          <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
         </div>
        </div>    
      <div class="fl">
       <div class="box">
        <img src="img/index_05.jpg" alt="">
        <h2>剪叉式高空作业平台</h2>
        <p class="x">Compact10N</p>
        <p class="b">曲臂高空作业平台是专用高空作业的升降机械设备，是属于高空作业平台产品四大类其中最常用的一种高空作业...</p>
       </div>
      </div>    
     </div>
    </div>  
<!-- 底部 -->
<div class="footer-nav">
	<div class="cf">
		<a class="fl nav1 on">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>首页</p>
			</div>
		</a>
		<a class="fl nav2">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>产品中心</p>
			</div>
		</a>
		<a class="fl nav3">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>新闻中心</p>
			</div>
		</a>
		<a class="fl nav4">
			<div class="item lc">
				<div class="imgbox"></div>
				<p>服务热线</p>
			</div>
		</a>
	</div>
</div>

<!--js脚本-->
<script type="text/javascript">
	var mySwiper = new Swiper ('.swiper-container', {
		loop: true,
		autoplay : 3000,
		speed:300,
		pagination: '.swiper-pagination',
		paginationClickable: true
	})        
</script>

</body>
</html>

                                                                                                         